<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>同咨科技-商户后台</title>
  <meta name="renderer" content="webkit|ie-comp|ie-stand">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport"
    content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
  <link rel="stylesheet" href="../../static/css/weadmin.css">
  <link href="../../lib/layui/css/layui.css" rel="stylesheet">

  <script type="text/javascript" src="../../lib/layui/layui.js" charset="utf-8"></script>
  <script type="module" src="../components/use-body.js"></script>



  <link href="../../static/css/myproduct.css" rel="stylesheet">
  <link href="../../static/css/uselay.css" rel="stylesheet">
</head>

<body>
  <use-body>
    <div class="page-body layout-left-menu">

      <!-- 左边菜单 -->
      <div class="side">

          <div class="layui-panel">
              <ul class="layui-menu" id="demo-menu">
                  <li class="layui-menu-item-group" lay-options="{type: 'group', isAllowSpread: false}">
                      <div class="layui-menu-body-title">个人图纸库</div>
                      <ul>
                          <li>
                              <div class="layui-menu-body-title">收藏的模板</div>
                          </li>
                          <li class="layui-menu-item-checked">
                              <div class="layui-menu-body-title">合成的图纸</div>
                          </li>
                      </ul>
                  </li>
                  <li class="layui-menu-item-divider"></li>
                  <li class="layui-menu-item-group" lay-options="{type: 'group', isAllowSpread: false}">
                      <div class="layui-menu-body-title">共享图纸库</div>
                      <ul>
                          <li>
                              <div class="layui-menu-body-title">项目小组A</div>
                          </li>
                          <li>
                              <div class="layui-menu-body-title">项目小组B</div>
                          </li>
                          <li>
                              <div class="layui-menu-body-title">项目小组C</div>
                          </li>
                      </ul>
                  </li>
              </ul>
          </div>
      </div>

      <!-- 主体 -->
      <div class="page-border mt30" style="margin-left: 30px;">
          <div class="layui-tab layui-tab-brief" lay-filter="tab">
              <ul class="layui-tab-title">
                  <li class="layui-this">招标文件</li>
                  <li>设计图纸</li>
                  <li>造价清单</li>
              </ul>
              <div class="layui-tab-content">
                  <div class="layui-tab-item layui-show">
                   <!-- 工具栏 -->
                   <form class="layui-form layui-row">
                    <div class="table-toolbar small">
                        <div class="left">
                            <button type="button"
                                class="layui-btn layui-btn-primary layui-btn-radius">
                                <i class="iconfont use-down"></i>
                                下载
                            </button>
                            <button type="button" lay-on="auth"
                                class="layui-btn layui-btn-primary layui-btn-radius">
                                <i class="iconfont use-move"></i>
                                移动
                            </button>
                            <button type="button" lay-on="auth"
                                class="layui-btn layui-btn-primary layui-btn-radius">
                                <i class="iconfont use-fuzhi"></i>
                                复制
                            </button>
                            <button type="button"
                                class="layui-btn layui-btn-primary layui-btn-radius">
                                <i class="iconfont use-delete"></i>
                                删除
                            </button>

                        </div>
                        <div class="right">
                            <div class="layui-input-wrap">
                                <div class="layui-input-prefix">
                                    <i class="iconfont  use-search"></i>
                                </div>
                                <input style="width: 230px;" type="text" name="A" value=""
                                    placeholder="Search..." class="layui-input" lay-affix="clear">
                            </div>
                            <button style="margin-left: 10px;" class="layui-btn layui-btn-primary layui-btn-radius" lay-submit
                                lay-filter="demo-table-search">
                                <i class="iconfont  use-search"></i>搜索
                            </button>
                            <button class="layui-btn layui-btn-radius" lay-submit
                                lay-filter="demo-table-search">合成图纸
                            </button>
                        </div>
                    </div>
                </form>

                <div class="list">
                  <ul>
                    <li>
                      <div class="img">
                        <img src="../../static/images/Rectangle 43x.png" alt="">
                      </div>
                      <div class="info">
                        <span>我是图纸名称</span>
                        <p>适合类型：市政工程</p>
                      </div>
                      <input type="checkbox" class="check" name="AAA" title="默认">
                    </li>
                    <li>
                      <div class="img">
                        <img src="../../static/images/Rectangle 43x.png" alt="">
                      </div>
                      <div class="info">
                        <span>我是图纸名称</span>
                        <p>适合类型：市政工程</p>
                      </div>
                      <input type="checkbox" class="check" name="AAA" title="默认">
                    </li>
                    <li>
                      <div class="img">
                        <img src="../../static/images/Rectangle 43x.png" alt="">
                      </div>
                      <div class="info">
                        <span>我是图纸名称</span>
                        <p>适合类型：市政工程</p>
                      </div>
                      <input type="checkbox" class="check" name="AAA" title="默认">
                    </li>
                    <li>
                      <div class="img">
                        <img src="../../static/images/Rectangle 43x.png" alt="">
                      </div>
                      <div class="info">
                        <span>我是图纸名称</span>
                        <p>适合类型：市政工程</p>
                      </div>
                      <input type="checkbox" class="check" name="AAA" title="默认">
                    </li>
                    <li>
                      <div class="img">
                        <img src="../../static/images/Rectangle 43x.png" alt="">
                      </div>
                      <div class="info">
                        <span>我是图纸名称</span>
                        <p>适合类型：市政工程</p>
                      </div>
                      <input type="checkbox" class="check" name="AAA" title="默认">
                    </li>
                    <li>
                      <div class="img">
                        <img src="../../static/images/Rectangle 43x.png" alt="">
                      </div>
                      <div class="info">
                        <span>我是图纸名称</span>
                        <p>适合类型：市政工程</p>
                      </div>
                      <input type="checkbox" class="check" name="AAA" title="默认">
                    </li>
                    <li>
                      <div class="img">
                        <img src="../../static/images/Rectangle 43x.png" alt="">
                      </div>
                      <div class="info">
                        <span>我是图纸名称</span>
                        <p>适合类型：市政工程</p>
                      </div>
                      <input type="checkbox" class="check" name="AAA" title="默认">
                    </li>
                    <li>
                      <div class="img">
                        <img src="../../static/images/Rectangle 43x.png" alt="">
                      </div>
                      <div class="info">
                        <span>我是图纸名称</span>
                        <p>适合类型：市政工程</p>
                      </div>
                      <input type="checkbox" class="check" name="AAA" title="默认">
                    </li>
                    <li>
                      <div class="img">
                        <img src="../../static/images/Rectangle 43x.png" alt="">
                      </div>
                      <div class="info">
                        <span>我是图纸名称</span>
                        <p>适合类型：市政工程</p>
                      </div>
                      <input type="checkbox" class="check" name="AAA" title="默认">
                    </li>
                    <li>
                      <div class="img">
                        <img src="../../static/images/Rectangle 43x.png" alt="">
                      </div>
                      <div class="info">
                        <span>我是图纸名称</span>
                        <p>适合类型：市政工程</p>
                      </div>
                      <input type="checkbox" class="check" name="AAA" title="默认">
                    </li>
                    <li>
                      <div class="img">
                        <img src="../../static/images/Rectangle 43x.png" alt="">
                      </div>
                      <div class="info">
                        <span>我是图纸名称</span>
                        <p>适合类型：市政工程</p>
                      </div>
                      <input type="checkbox" class="check" name="AAA" title="默认">
                    </li>
                    <li>
                      <div class="img">
                        <img src="../../static/images/Rectangle 43x.png" alt="">
                      </div>
                      <div class="info">
                        <span>我是图纸名称</span>
                        <p>适合类型：市政工程</p>
                      </div>
                      <input type="checkbox" class="check" name="AAA" title="默认">
                    </li>
                    <li>
                      <div class="img">
                        <img src="../../static/images/Rectangle 43x.png" alt="">
                      </div>
                      <div class="info">
                        <span>我是图纸名称</span>
                        <p>适合类型：市政工程</p>
                      </div>
                      <input type="checkbox" class="check" name="AAA" title="默认">
                    </li>
                  </ul>
                </div>
  
                <div class="page-layout">
                  <div id="laypage-1"></div>
                </div>
                  </div>
                  <div class="layui-tab-item"></div>
                  <div class="layui-tab-item"></div>
                  <div class="layui-tab-item"></div>
              </div>
          </div>
      </div>
  </div>
  </use-body>
</body>
<script>
  layui.use(function () {
    var laypage = layui.laypage;
    // 普通用法
    laypage.render({
      elem: 'laypage-1',
      layout: ['count', 'prev', 'page', 'next', 'limit'],
      theme: '#01A2E4',
      count: 50 // 数据总数
    });
  });
</script>

</html>